<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>看病接诊</title>
    <link rel="stylesheet" href="src/css/layui.css">
    <link rel="stylesheet" href="src/css/main.css">
</head>
<body class="body-gray">

<div class="layui-layout layui-layout-admin">
    <!-- header -->
    <div class="layui-header">
        <div class="layui-logo"><img src="src/img/logo.png" alt=""><span>北京精医和生中医门诊部</span></div>
        <ul class="layui-nav layui-layout-right top-rt">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="src/img/logo.png" class="layui-nav-img">谢逊
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">安全退出</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <!-- left nav -->
    <div class="layui-side nav-left">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon1"></span>预约挂号</a>
                </li>
                <li class="layui-nav-item layui-this">
                    <a href="javascript:;"><span class="nav-icon icon2"></span>看病就诊</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon3"></span>患者管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon4"></span>收费订单</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon5"></span>药品管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon6"></span>药房管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon7"></span>精医论坛</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span class="nav-icon icon8"></span>系统设置</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- left body -->
    <div class="layui-side nav-left2">
        <div class="layui-side-scroll">
            <div class="layui-side-scroll select-patients">
                <!-- title search -->
                <div class="clearfix select-patients-top box-shadow">
                    <h2 class="blue-title blue-title-radius">选择患者</h2>
                    <div class="layui-inline select-patients-sch">
                        <label class="layui-form-label"><img src="src/img/search.png" alt=""></label>
                        <div class="layui-input-inline">
                            <input type="text" placeholder="请输入姓名或手机" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline select-patients-btn">
                        <button type="button" class="layui-btn layui-btn-sm">搜索</button>
                    </div>
                </div>
                <!-- user list -->
                <div class="select-patients-list">
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue">待诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix layui-this">
                        <span class="name">张加班</span>
                        <span class="gray">男</span>
                        <span class="gray age">32岁</span>
                        <span class="blue">待诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue">待诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue">待诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue end">已诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix" popup-active="e2">
                        <span class="name">张弹窗</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue end">-</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue">待诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue end">已诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="javascript:;" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue end">-</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue">待诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue end">已诊</span>
                        <span class="black">上午02</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="name">张加</span>
                        <span class="gray">男</span>
                        <span class="gray age">1岁2月</span>
                        <span class="blue end">-</span>
                        <span class="black">上午02</span>
                    </a>
                </div>
            </div>
            <!-- Visit history -->
            <div class="layui-side-scroll visit-history">
                <!-- title -->
                <div class="clearfix select-patients-top">
                    <h2 class="blue-title">王乐的就诊历史（<span>2</span>）</h2>
                </div>
                <!-- user list -->
                <div class="select-patients-list title">
                    <a href="javascript:;" class="clearfix" popup-active="e5">
                        <span class="black illness">气血两燔证有弹窗事件</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix layui-this">
                        <span class="black illness">风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="black illness">风湿痹病，风寒犯肺风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="black illness">风湿痹病，风寒犯肺风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="black illness">风湿痹病，风寒犯肺风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="black illness">风湿痹病，风寒犯肺风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="black illness">风湿痹病，风寒犯肺风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                    <a href="#" class="clearfix">
                        <span class="black illness">1风湿痹病，风寒犯肺风湿痹病，风寒犯肺</span>
                        <span class="black date">03-22</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- right body -->
    <div class="layui-side body-main">
        <!-- title -->
        <h2 class="blue-title blue-title-radius fixed-title clearfix">
            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" popup-active="e4">分享到精医论坛</button>
            <button type="button" class="layui-btn layui-btn-sm" popup-active="e3">完成接诊</button>
            门诊部处方笺<span class="green-sm">第5次看诊</span>
        </h2>
        <div class="layui-form">
            <!-- Patient Information -->
            <div class="clearfix fang-patient-box">
                <span class="fang-total">78.64元</span>
                <input type="text" placeholder="患者姓名" class="layui-input fang-name wrong">
                <div class="fang-drop-down" action="">
                    <select name="city" lay-verify="">
                        <option value="010" selected="">男</option>
                        <option value="021">女</option>
                    </select>
                </div>
                <div class="fang-age clearfix">
                    <input type="text" placeholder="" value="12" class="layui-input">
                    <span>岁</span>
                    <input type="text" placeholder="" value="8" class="layui-input">
                    <span>月</span>
                </div>
                <input type="text" placeholder="手机号" class="layui-input fang-phone">
                <a href="#" class="fang-delete">清除</a>
            </div>

            <!-- medical record -->
            <div class="fang-record">
                <h3 class="fang-record-title">病历</h3>
                <div class="fang-record-list">
                    <div class="layui-form-item">
                        <label class="layui-form-label must">主诉</label>
                        <div class="layui-input-block"><input type="text" id="demo9" placeholder="" class="layui-input wrong"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">现病史</label>
                        <div class="layui-input-block"><input type="text" placeholder="" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">既往史</label>
                        <div class="layui-input-block"><input type="text" id="demo10" placeholder="" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">望闻问切</label>
                        <div class="layui-input-block"><input type="text" id="demo11" placeholder="" value="舌淡红；精神不振；脉紧；体温39C" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">相关检查</label>
                        <div class="layui-input-block"><input type="text" placeholder="" class="layui-input add-check-input"></div>
                        <a href="javascript:;" class="add-check-up" popup-active="e1"><img src="src/img/bing-jia.png" alt="">相关检查</a>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label must">诊断</label>
                        <div class="layui-input-block"><input type="text" id="demo12" placeholder="" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">辨证</label>
                        <div class="layui-input-block"><input type="text" id="demo13" placeholder="" class="layui-input"></div>
                    </div>
                </div>
            </div>
            <!-- prescription -->
            <div class="fang-record">
                <h3 class="fang-record-title clearfix">
                    <button type="button" class="layui-btn layui-btn-default layui-btn-sm">选择模板</button>
                    <button type="button" class="layui-btn layui-btn-default layui-btn-sm">添加颗粒剂</button>
                    <button type="button" class="layui-btn layui-btn-default layui-btn-sm">添加饮片</button>
                    处方
                </h3>
                <div>
                    <!-- check yaofang -->
                    <div class="layui-form-item fang-yaofang">
                        <label class="layui-form-label">选择药房：</label>
                        <div class="layui-input-block">
                            <input type="radio" name="sex" value="云药房" title="云药房" checked="">
                            <input type="radio" name="sex" value="本地药房" title="本地药房">
                        </div>
                    </div>
                    <!-- chufang -->
                    <div class="fang-list-box">
                        <h3 class="type-title clearfix">
                            <a href="javascript:;" class="fang-delete-id"><span class="nav-icon icon-delete"></span></a>
                            <a href="javascript:;" class="moban"><span class="nav-icon icon-save"></span>存为模版</a>
                            <img src="src/img/fang-yinpian.png" alt="">处方1 — 饮片<span>已添加7味药，共20g</span>
                        </h3>
                        <!-- drug list -->
                        <div class="fang-yao-box">
                            <ul class="clearfix">
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack layui-this">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>g</span></div>
                                        <div class="fang-yao-jianfa"><input type="text" class="layui-input" placeholder="煎法"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>g</span></div>
                                        <div class="fang-yao-jianfa"><input type="text" class="layui-input" placeholder="煎法"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>g</span></div>
                                        <div class="fang-yao-jianfa"><input type="text" class="layui-input" placeholder="煎法"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>g</span></div>
                                        <div class="fang-yao-jianfa"><input type="text" class="layui-input" placeholder="煎法"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name wrong" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>条</span></div>
                                        <div class="fang-yao-jianfa"><input type="text" class="layui-input" placeholder="煎法"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>条</span></div>
                                        <div class="fang-yao-jianfa"><input type="text" class="layui-input" placeholder="煎法"></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!-- type -->
                        <div class="fang-method clearfix">
                            <div class="layui-form-label fang-method-sm clearfix">
                                <input type="text" value="7" class="layui-input">
                                <span class="gray-bg">剂</span>
                            </div>
                            <div class="layui-form-label fang-method-sm clearfix">
                                <input type="text" value="煎服" class="layui-input fang-methods">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-lg clearfix">
                                <input type="text" value="1日1剂" class="layui-input fang-daily-dose">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-lg clearfix">
                                <input type="text" value="1日3次" class="layui-input fang-daily-frequency">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-lg clearfix">
                                <input type="text" value="每次500ml" class="layui-input fang-each-dose">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-sm clearfix">
                                <input type="text" value="代煎" class="layui-input fang-daijian">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-input-block fang-method-remarks">
                                <input type="text" value="" placeholder="备注" class="layui-input fang-remarks">
                            </div>
                        </div>
                    </div>
                    <!-- chufang -->
                    <div class="fang-list-box fang-list-keli">
                        <h3 class="type-title clearfix">
                            <a href="javascript:;" class="fang-delete-id"><span class="nav-icon icon-delete"></span></a>
                            <a href="javascript:;" class="moban"><span class="nav-icon icon-save"></span>存为模版</a>
                            <img src="src/img/fang-yinpian.png" alt="">处方2 — 颗粒剂<span>已添加7味药，共20g</span>
                        </h3>
                        <!-- drug list -->
                        <div class="fang-yao-box">
                            <ul class="clearfix">
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>g</span></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name wrong" placeholder="药名1" value="桂枝1" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量1"><span>g</span></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input wrong" placeholder="剂量"><span>g</span></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>g</span></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box disabled">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="桂枝" disabled="disabled">
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>条</span></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="fang-yao-xu clearfix">
                                        <span class="fang-yao-lack">缺</span>
                                        <div class="fang-yao-name-box">
                                            <input type="text" class="layui-input fang-yao-name" placeholder="药名" value="" >
                                            <span class="layui-icon layui-icon-close"></span>
                                        </div>
                                        <div class="fang-yao-jiliang"><input type="text" class="layui-input" placeholder="剂量"><span>条</span></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!-- type -->
                        <div class="fang-method clearfix">
                            <div class="layui-form-label fang-method-sm clearfix">
                                <input type="text" value="7" class="layui-input">
                                <span class="gray-bg">剂</span>
                            </div>
                            <div class="layui-form-label fang-method-sm clearfix wrong">
                                <input type="text" value="煎服" class="layui-input fang-methods">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-lg clearfix">
                                <input type="text" value="1日1剂" class="layui-input fang-daily-dose">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-lg clearfix">
                                <input type="text" value="1日3次" class="layui-input fang-daily-frequency">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-form-label fang-method-lg clearfix">
                                <input type="text" value="每次500ml" class="layui-input fang-each-dose">
                                <span class="gray-bg"><i class="layui-icon layui-icon-down"></i></span>
                            </div>
                            <div class="layui-input-block fang-method-remarks">
                                <input type="text" value="" placeholder="备注" class="layui-input fang-remarks wrong">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- doctors-advice -->
            <div class="layui-form-pane fang-doctors-advice">
                <div class="layui-form-item">
                    <label class="layui-form-label">医嘱事项</label>
                    <div class="layui-input-block">
                        <input type="text" placeholder="点击选择或输入事项" class="layui-input fang-medical-advice">
                    </div>
                </div>
            </div>
            <!-- intellect -->
            <div class="fang-intellect">
                <span class="fang-intellect-title">智能审方：</span>
                <div class="fang-intellect-list">
                    <p class="red clearfix">
                        <img src="src/img/fang-fail.png" alt="">
                        处方1“大枣”和“当归”剂量超过常规使用上限。<a href="#">修改</a>
                    </p>
                    <p class="green clearfix">
                        <img src="src/img/fang-ok.png" alt="">
                        通过
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="src/layui.js"></script>
<script>

    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;
    });



    layui.use('form', function(){
        var form = layui.form;
        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });

    // 弹窗区
    layui.use(['util','form','upload', 'element', 'layer'], function(){
        var $ = layui.jquery
            ,util = layui.util
            ,form = layui.form
            ,upload = layui.upload
            ,element = layui.element
            ,layer = layui.layer;

        util.event('popup-active', {
            // 添加相关检查
            e1: function(){
                layer.open({
                    type: 1,
                    title:'添加相关检查',
                    skin:'new-layer',
                    area: ['420px'], //宽高
                    content: ['<div class="layui-form layer-form-input layer-form-input">'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">甘油三酯：</label>'
                        ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input"></div>'
                        ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">果糖胺：</label>'
                        ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input"></div>'
                        ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">空腹血糖：</label>'
                        ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input"></div>'
                        ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">空腹血糖：</label>'
                        ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input"></div>'
                        ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">空腹血糖：</label>'
                        ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input"></div>'
                        ,'</div>'
                        ,'</div>'].join(''),
                    btnAlign: 'c',
                    btn: ['取消', '添加']
                    ,btn1: function(index, layero){
                        layer.msg('取消');
                    }
                    ,btn2: function(index, layero){
                        layer.msg('添加');
                        return false
                    }
                });
            },
            // 确认接诊
            e2: function(){
                layer.confirm('患者还没有挂号，确定直接接诊吗？', {
                    title:'确认接诊',
                    skin:'new-layer new-layer-sm',
                    closeBtn: '0',
                    btnAlign: 'c',
                    btn: ['取消','确定'] //按钮
                }, function(){
                    layer.msg('点击了取消', {icon: 1});
                }, function(){
                    layer.msg('点击了确定', {
                        time: 20000, //20s后自动关闭
                        btn: ['明白了', '知道了']
                    });
                });
            },
            // 收费弹窗
            e3: function(){
                layer.open({
                    type: 1,
                    title:'收费',
                    skin:'new-layer',
                    area: ['528px'], //宽高
                    success:function(index){
                        form.render()
                    },
                    content: ['<h2 class="layui-top-money">¥78.64</h2>'
                        ,'<div class="layui-form layer-form-input layer-form-input">'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">支付码：</label>'
                        ,'<div class="layui-input-inline"><img class="ma" src="src/img/ma.png"></div>'
                        ,'<div class="layui-form-mid layui-form-ma-tips">请使用微信扫一扫<br>扫描二微码支付</div>'
                        ,'</div>'
                        // ,'<div class="layui-form-item">'
                        //   ,'<label class="layui-form-label">实收金额：</label>'
                        //   ,'<div class="layui-input-inline"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入实收金额" class="layui-input"></div>'
                        //     ,'<div class="layui-form-mid"><span class="layui-input-unit">元</span><span class="layui-input-cheap">（优惠<i>0</i>元）</span></div>'
                        // ,'</div>'
                        // ,'<div class="layui-form-item">'
                        //   ,'<label class="layui-form-label">支付方式：</label>'
                        //   ,'<div class="layui-input-block">'
                        //       ,'<input type="checkbox" name="" lay-skin="primary" value="现金" title="现金" checked="">'
                        //       ,'<input type="checkbox" name="" lay-skin="primary" title="微信">'
                        //       ,'<input type="checkbox" name="" lay-skin="primary" title="支付宝">'
                        //       ,'<input type="checkbox" name="" lay-skin="primary" title="信用卡">'
                        //     ,'</div>'
                        // ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">备注信息：</label>'
                        ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入备注信息" class="layui-input"></div>'
                        ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">打印处方：</label>'
                        ,'<div class="layui-input-block">'
                        ,'<input type="radio" name="sex" value="是" title="是" checked="">'
                        ,'<input type="radio" name="sex" value="否" title="否">'
                        ,'</div>'
                        ,'</div>'
                        ,'</div>'].join(''),
                    btnAlign: 'c',
                    btn: ['暂不购药', '收费并发药', '确认收费']
                    ,btn1: function(index, layero){
                        layer.msg('暂不购药');
                    }
                    ,btn2: function(index, layero){
                        layer.msg('收费并发药');
                        return false
                    }
                    ,btn3: function(index, layero){
                        layer.msg('确认收费');
                        return false
                    }
                });
            },
            // 分享到精医论坛弹窗
            e4: function(){
                layer.open({
                    type: 1,
                    title:'分享到精医论坛',
                    skin:'new-layer',
                    area: ['828px','500px'], //宽高
                    success:function(index){
                        form.render()
                    },
                    content: ['<div class="layui-form layer-form-input layer-form-input layer-form-input-0">'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">分享内容：</label>'
                        ,'<div class="layui-input-block">'
                        ,'<div class="clearfix">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="患者信息" title="患者信息" checked="">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="主诉" title="主诉">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="现病史" title="现病史">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="既往史" title="既往史">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="望闻问切" title="望闻问切">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="相关检查" title="相关检查">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="诊断" title="诊断">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="辨证" title="辨证">'
                        ,'<input type="checkbox" name="" lay-skin="primary" value="处方" title="处方">'
                        ,'</div>'
                        ,'<div><textarea placeholder="请选择或输入分享的内容" class="layui-textarea"></textarea></div>'
                        ,'</div>'
                        ,'</div>'
                        ,'<div class="layui-form-item">'
                        ,'<label class="layui-form-label">上传照片：</label>'
                        ,'<div class="layui-input-block clearfix">'
                        ,'<div class="layer-upload-ma"><img src="src/img/ma.png">微信扫码上传图片</div>'
                        ,'<div class="layer-upload-btn"><button id="upload" type="button" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-addition"></i></button>本地上传图片</div>'
                        ,'<div class="clearfix" id="upload-list">'
                        ,'</div>'
                        ,'</div>'
                        ,'</div>'
                        ,'</div>'].join(''),
                    btnAlign: 'c',
                    btn: ['取消', '确认分享']
                    ,btn1: function(index, layero){
                        layer.msg('取消');
                    }
                    ,btn2: function(index, layero){
                        layer.msg('确认分享');
                        return false
                    }
                });
                //多图片上传
                upload.render({
                    elem: '#upload'
                    ,url: 'https://httpbin.org/post' //改成您自己的上传接口
                    ,multiple: true
                    ,before: function(obj){
                        //预读本地文件示例，不支持ie8
                        obj.preview(function(index, file, result){
                            $('#upload-list').append('<div class="layer-img-list"><img src="'+ result +'" alt="'+ file.name +'" ><i class="layui-icon layui-icon-close-fill"></i></div>')
                        });
                    }
                    ,done: function(res){
                        //上传完毕
                    }
                });
                // 删除上传的图片
                $(document).on('click','.layui-icon-close-fill', function(){ //监听按钮事件
                    $(this).parent(".layer-img-list").remove()
                });
            },
            // 就诊历史弹窗
            e5: function(){
                layer.open({
                    type: 1,
                    title:false,
                    skin:'new-layer no-title-close',
                    // offset: ['auto', '410px'],
                    area: ['512px'], //宽高
                    success:function(index){
                        form.render()
                    },
                    content: ['<div class="layer-bl-date">2021-03-22 12:33</div>'
                        ,'<h3 class="layer-bl-title">病历</h3>'
                        ,'<ul class="layer-bl-list">'
                        ,'<li><span>主诉：</span><div>咳嗽，汗出，头晕</div></li>'
                        ,'<li><span>现病史：</span><div>无</div></li>'
                        ,'<li><span>既往史：</span><div>无</div></li>'
                        ,'<li><span>望闻问切：</span><div>舌淡红，精神不振，脉紧</div></li>'
                        ,'<li><span>相关检查：</span><div>糖化:12 ，果糖胺:11， 空腹血糖:3 ，餐后2h:4 ，空腹C肽:5 ，ALT:6</div></li>'
                        ,'<li><span>诊断：</span><div>风寒犯肺，流行性感冒</div></li>'
                        ,'<li><span>辨证：</span><div>温邪内陷证</div></li>'
                        ,'</ul>'
                        ,'<h3 class="layer-bl-title">处方</h3>'
                        ,'<ul class="layer-bl-fang">'
                        ,'<li>'
                        ,'<div class="layer-bl-fang-type">中药颗粒<span>7剂</span><span>34.32元</span><span>未交费</span></div>'
                        ,'<div class="layer-bl-fang-yao"><span>炙甘草<i>6g</i><i>（先煎）</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span></div>'
                        ,'</li>'
                        ,'<li>'
                        ,'<div class="layer-bl-fang-type">中药饮片-代煎<span>7剂</span><span>34.32元</span><span>未交费</span></div>'
                        ,'<div class="layer-bl-fang-yao"><span>炙甘草<i>6g</i><i>（先煎）</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span><span>炙甘草<i>6g</i></span></div>'
                        ,'</li>'
                        ,'</ul>'
                        ,'<ul class="layer-bl-fang">'
                        ,'<li>'
                        ,'<div class="layer-bl-fang-type">医嘱事项</div>'
                        ,'<div class="layer-bl-fang-yao">低盐饮食，忌生冷食物</div>'
                        ,'</li>'
                        ,'</ul>'].join(''),
                    btnAlign: 'c',
                    btn: ['复制病历到右侧', '复制处方到右侧', '查看详情']
                    ,btn1: function(index, layero){
                        layer.msg('复制病历到右侧');
                    }
                    ,btn2: function(index, layero){
                        layer.msg('复制处方到右侧');
                        return false
                    }
                    ,btn3: function(index, layero){
                        layer.msg('查看详情');
                        return false
                    }
                });
            },
        });

    });


    // 浮层区
    layui.use(['dropdown', 'layer'], function(){
        var dropdown = layui.dropdown
            ,layer = layui.layer
            ,$ = layui.jquery;
        //主诉浮层
        dropdown.render({
            elem: '#demo9'
            ,content: ['<div class="floating-box">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="floating-close"><img src="src/img/close-circle.png">关闭</div>'].join('')
            ,style: 'width: 490px;'
        });
        //既往史浮层
        dropdown.render({
            elem: '#demo10'
            ,content: ['<div class="floating-box">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<h3 class="floating-title2">既往史</h3>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<h3 class="floating-title2">过敏史</h3>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<h3 class="floating-title2">个人史</h3>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="floating-close"><img src="src/img/close-circle.png">关闭</div>'].join('')
            ,style: 'width: 490px;'
        });
        //望闻问切浮层
        dropdown.render({
            elem: '#demo11'
            ,content: ['<div class="floating-box">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<div class="layui-tab layui-tab-brief floating-tab" lay-filter="docDemoTabBrief">'
                ,'<ul class="layui-tab-title">'
                ,'<li class="layui-this">望闻问切</li><li>体温</li><li>脉搏</li><li>呼吸</li>'
                ,'</ul>'
                ,'<div class="layui-tab-content">'
                ,'<div class="layui-tab-item layui-show">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="layui-tab-item">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>2哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="layui-tab-item">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>3哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="layui-tab-item">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>4哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'</div>'
                ,'</div>'
                ,'</div>'
                ,'<div class="floating-close"><img src="src/img/close-circle.png">关闭</div>'].join('')
            ,style: 'width: 490px;'
            ,ready: function(){
                layui.use('element', function(element){
                    element.render('tab');
                });
            }
        });
        //诊断浮层
        dropdown.render({
            elem: '#demo12'
            ,content: ['<div class="floating-box floating-scroll">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<h3 class="floating-title2">男科</h3>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<h3 class="floating-title2">妇科</h3>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'<h3 class="floating-title2">儿科</h3>'
                ,'<div class="floating-lable clearfix">'
                ,'<span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span><span>哮喘家族史</span><span>叩诊过清音</span><span>湿啰音</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="floating-close"><img src="src/img/close-circle.png">关闭</div>'].join('')
            ,style: 'width: 490px;'
        });
        //辨证浮层
        dropdown.render({
            elem: '#demo13'
            ,data: [{
                title: '风痛风病'
                ,id: 101
            },{
                title: '风痧病'
                ,id: 102
            },{
                title: '风湿痹病'
                ,id: 104
            },{
                title: '风痧病'
                ,id: 102
            }]
            ,click: function(obj){
                this.elem.val(obj.title);
            }
            ,style: 'width: 235px;max-height:300px;overflow-y:auto;overflow-x:hidden'
        });
        // 存为模板输入框层
        dropdown.render({
            elem: '.moban'
            ,content: ['<div class="layui-form layer-form-input floating-moban-save">'
                ,'<div class="layui-form-item">'
                ,'<label class="layui-form-label">模板名称：</label>'
                ,'<div class="layui-input-block"><input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input"></div>'
                ,'</div>'
                ,'<div class="layui-form-item">'
                ,'<div class="layui-input-block"><button type="submit" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="demo1">保存</button><button type="reset" class="layui-btn layui-btn-sm layui-btn-default">取消</button></div>'
                ,'</div>'
                ,'</div>'].join('')
            ,style: 'width: 320px;'
        });
        // 删除处方确认浮层
        dropdown.render({
            elem: '.fang-delete-id'
            ,content: ['<div class="floating-fang-delete">'
                ,'<a href="#">确认删除</a><a href="#">取消</a>'
                ,'</div>'].join('')
            ,style: 'width: 150px;'
        });
        // 选择药品名称浮层
        dropdown.render({
            elem: '.fang-yao-name'
            ,content: ['<div class="select-patients-list floating-fang-yaoname">'
                ,'<a href="#" class="clearfix title">'
                ,'<span class="yao-name">药品名称</span>'
                ,'<span class="specs">规格</span>'
                ,'<span class="money">销售价(元)</span>'
                ,'<span class="stock">库存数量</span>'
                ,'</a>'
                ,'<div class="floating-scroll">'
                ,'<a href="#" class="clearfix">'
                ,'<span class="yao-name">白花蛇草10000g</span>'
                ,'<span class="specs">2g*1g/袋</span>'
                ,'<span class="money">2.01</span>'
                ,'<span class="stock">3000000g</span>'
                ,'</a>'
                ,'<a href="#" class="clearfix">'
                ,'<span class="yao-name">白花蛇草10000g</span>'
                ,'<span class="specs">2g*1g/袋</span>'
                ,'<span class="money">2.01</span>'
                ,'<span class="stock">3000000g</span>'
                ,'</a>'
                ,'<a href="#" class="clearfix">'
                ,'<span class="yao-name">白花蛇草10000g</span>'
                ,'<span class="specs">2g*1g/袋</span>'
                ,'<span class="money">2.01</span>'
                ,'<span class="stock">3000000g</span>'
                ,'</a>'
                ,'<a href="#" class="clearfix">'
                ,'<span class="yao-name">白花蛇草10000g</span>'
                ,'<span class="specs">2g*1g/袋</span>'
                ,'<span class="money">2.01</span>'
                ,'<span class="stock">3000000g</span>'
                ,'</a>'
                ,'</div>'
                ,'</div>'].join('')
            ,style: 'width: 460px;'
        });
        // 煎法浮层
        dropdown.render({
            elem: '.fang-yao-jianfa'
            ,content: ['<div class="layui-form floating-decoction">'
                ,'<table class="layui-table">'
                ,'<colgroup><col width="140"><col width="140"></colgroup>'
                ,'<tbody><tr><td>先煎半小时</td><td>先煎一小时</td></tr></tbody>'
                ,'</table>'
                ,'<table class="layui-table">'
                ,'<colgroup><col width="72"><col width="72"><col width="72"><col width="72"></colgroup>'
                ,'<tbody>'
                ,'<tr><td>先煎</td><td>后下</td><td>包煎</td><td>另煎</td></tr>'
                ,'<tr><td>先炒</td><td>烊化</td><td>冲服</td><td>捣碎</td></tr>'
                ,'<tr><td>打粉</td><td>另包</td><td>自备</td><td></td></tr>'
                ,'</tbody>'
                ,'</table>'
                ,'</div>'].join('')
            ,style: 'width: 282px;'
        });
        // 服药方法浮层
        dropdown.render({
            elem: '.fang-methods'
            ,content: ['<div class="layui-form floating-decoction">'
                ,'<table class="layui-table">'
                ,'<colgroup><col width="72"><col width="72"><col width="72"><col width="72"></colgroup>'
                ,'<tbody>'
                ,'<tr><td>煎服</td><td>冲服</td><td>制膏</td><td>外用</td></tr>'
                ,'<tr><td>贴敷</td><td>打粉</td><td>泡酒</td><td>泡浴</td></tr>'
                ,'<tr><td>擦拭</td><td></td><td></td><td></td></tr>'
                ,'</tbody>'
                ,'</table>'
                ,'</div>'].join('')
            ,style: 'width: 282px;'
        });
        // 每日剂量浮层
        dropdown.render({
            elem: '.fang-daily-dose'
            ,data: [{
                title: '1日1剂'
                ,id: 101
            },{
                title: '1日2剂'
                ,id: 102
            },{
                title: '2日1剂'
                ,id: 103
            },{
                title: '1日半1剂'
                ,id: 104
            }]
            ,click: function(obj){
                this.elem.val(obj.title);
            }
            ,className: 'floating-down-list'
            ,style: 'width: 112px;'
        });
        // 每日次数浮层
        dropdown.render({
            elem: '.fang-daily-frequency'
            ,content: ['<div class="layui-form floating-decoction">'
                ,'<table class="layui-table">'
                ,'<colgroup><col width="80"><col width="80"><col width="80"><col width="80"></colgroup>'
                ,'<tbody>'
                ,'<tr><td>1日4次</td><td>1日3次</td><td>1日2次</td><td>1日1次</td></tr>'
                ,'<tr><td>隔日1次</td><td>2日1次</td><td>1周1次</td><td>1周2次</td></tr>'
                ,'<tr><td>隔周1次</td><td>必要时</td><td>少量频服</td><td>随时饮用</td></tr>'
                ,'</tbody>'
                ,'</table>'
                ,'</div>'].join('')
            ,style: 'width: 322px;'
        });
        // 每次剂量浮层
        dropdown.render({
            elem: '.fang-each-dose'
            ,content: ['<div class="layui-form floating-decoction">'
                ,'<table class="layui-table">'
                ,'<colgroup><col width="90"><col width="90"><col width="90"><col width="90"></colgroup>'
                ,'<tbody>'
                ,'<tr><td>每次80ml</td><td>每次100ml</td><td>每次120ml</td><td>每次150ml</td></tr>'
                ,'<tr><td>每次180ml</td><td>每次200ml</td><td>每次250ml</td><td>每次300ml</td></tr>'
                ,'<tr><td>每次半袋</td><td>每次1袋</td><td>每次2袋</td><td>每次3袋</td></tr>'
                ,'</tbody>'
                ,'</table>'
                ,'</div>'].join('')
            ,style: 'width: 362px;'
        });
        // 代煎浮层
        dropdown.render({
            elem: '.fang-daijian'
            ,data: [{
                title: '代煎'
                ,id: 101
            },{
                title: '自煎'
                ,id: 102
            }]
            ,click: function(obj){
                this.elem.val(obj.title);
            }
            ,className: 'floating-down-list'
            ,style: 'width: 78px;'
        });
        // 备注浮层
        dropdown.render({
            elem: '.fang-remarks'
            ,content: ['<div class="layui-form floating-decoction">'
                ,'<table class="layui-table">'
                ,'<colgroup><col width="80"><col width="80"><col width="80"><col width="80"></colgroup>'
                ,'<tbody>'
                ,'<tr><td>饭前服用</td><td>饭后服用</td><td>空腹服用</td><td>睡前服用</td></tr>'
                ,'<tr><td>调和送服</td><td>定时服用</td><td>少量频服</td><td>随时服用</td></tr>'
                ,'</tbody>'
                ,'</table>'
                ,'</div>'].join('')
            ,style: 'width: 322px;'
        });
        // 医嘱事项浮层
        dropdown.render({
            elem: '.fang-medical-advice'
            ,content: ['<div class="floating-box">'
                ,'<div class="floating-lable clearfix">'
                ,'<span>忌生冷辛辣</span><span>忌油腻腥膻</span><span>忌烟酒</span><span>忌浓茶</span><span>忌刺激性食物</span><span>忌难消化食物</span><span>忌光敏性食物</span><span>忌煎炸食物</span><span>忌酸涩食物</span><span>忌发物</span><span>孕期禁用</span><span>经期停用</span><span>感冒慎用</span><span>忌与西药同用</span>'
                ,'</div>'
                ,'</div>'
                ,'<div class="floating-close"><img src="src/img/close-circle.png">关闭</div>'].join('')
            ,style: 'width: 490px;'
        });
        // 鼠标经过药名浮层
        dropdown.render({
            elem: '.fang-yao-name-box.disabled'
            ,content: ['<div class="floating-name-hover">'
                ,'<p>单价：0.094元/g</p>'
                ,'<p>总价：6克共0.566元</p>'
                ,'<p>库存：2323</p>'
                ,'</div>'].join('')
            ,style: 'width: 200px;'
            ,trigger: 'hover'
        });
        // 鼠标经过药名浮层
        dropdown.render({
            elem: '.fang-yao-name-box.disabled'
            ,content: ['<div class="floating-name-hover">'
                ,'<p>单价：0.094元/g</p>'
                ,'<p>总价：6克共0.566元</p>'
                ,'<p>库存：2323</p>'
                ,'</div>'].join('')
            ,style: 'width: 200px;'
            ,trigger: 'hover'
        });
    });

</script>
</body>
</html>
